草庐IT

CSS div 左右浮动 nowrap

全部标签

html - IE7向左浮动和堆叠问题

关于IE7遗留的float元素的快速问题。基本上我有一些像这样的HTMLdiv需要水平内联并排在一起。现在div向左浮动,其中的anchor标签有背景图像、宽度、高度和显示:block。截至目前,它适用于除IE6+7之外的所有浏览器。在这两个浏览器中,所有内容都像垂直堆叠一样相互堆叠。有没有快速修复IE的方法?我只能访问CSS文件。我无法编辑HTML。 最佳答案 尝试使用这个:zoom:1;//IEhacktotriggerhasLayout*display:inline;//IEhacktoachieveinline-blockb

html - 将文本在同一表格单元格中垂直和水平居中,图像向左浮动

我知道这似乎是个小问题。只是感觉应该有一个简单的解决方案。我有一种感觉,我是SOL,但我想我会先问。http://jsfiddle.net/bczengel/FSDz9/5/问题:当图像没有向左浮动时,它具有图像和文本都垂直居中的所需最终结果。当您将图像向左浮动时,图像垂直居中并且文本与图像顶部对齐。要求:一个表格单元格仅使用给定html的CSS(或对html进行最少的更改)我想避免使用行高解决方案,因为样式表应用于许多现有页面,其中一些页面在文本中有多行 最佳答案 对html进行最小的更改(将标题文本包装在中)table{widt

html - 文本上的 CSS NoWrap

这个问题在这里已经有了答案:text-overflowellipsisonflexchildnotworking[duplicate](4个答案)Childspanelementgettingoutofparentelement,flexbox/margin-paddingissue(2个答案)关闭4年前。我有一张卡片,里面有一堆文字。其中一些很长,并且像这样被强制到下一行,我希望文本保留在一行中,并在工具提示需要时变成省略号。所以就像“拒绝回答...”等我目前使用flex和angular-material来设置它。我尝试过的事情:设置以下css属性:text-overflow:ell

html - li 增加时 CSS 自动更改 ul 宽度(向左浮动)

我在自动修复LI可以直接float的UL宽度时遇到问题。如果我更改css,请将UL的宽度设置为'1000px',而不是'auto';我想要的可以完成。但是,是否有其他任何设置仅通过CSS也可以达到相同的结果?因为我想随着LI数量的增加自动更改UL的宽度。Nowislikedivul-------------------------------divul|///////////////||///////li///////li|---------------------------------/////////////////////li///////liIwanttobelikethis

javascript - 如何计算文本的总宽度,包括左右轴承

我正在尝试计算HTML中跨度的总宽度,包括第一个字符和最后一个字符的左右方位。我已经尝试过Javascript的offsetWidth和jQuery的width&outerWidth函数,但它们都没有返回我正在寻找的正确值。这是一个example我的意思。在Firefox中运行计算出的宽度为135px,而使用WebDeveloper插件测量得出的实际宽度为141px。编辑这是我尝试过的,这是它给我的值(value):偏移宽度=135jQuery.width()=135jQuery.outerWidth()=135他们都没有计算“f”上的6px悬垂(这将使宽度为141)。

css - 跨浏览器nowrap textarea

我正在寻找一个跨浏览器的解决方案文本区域:仅在输入时换行滚动条都隐藏,直到文本溢出我试过几乎所有的东西都可以在SO中找到...失败#1:textarea{white-space:nowrap;overflow:auto;}在FF中不起作用失败#2:textarea{white-space:nowrap;overflow:auto;//orscroll}+WRAP=OFFattribute这里我无法在IE中按回车键(jsFiddle)失败#3:textarea{white-space:pre;overflow:auto;}+WRAP=OFFattribute如果我到达结尾,IE会自动换行

html - Nowrap/不要在输入后换行

如果我有几个输入(radio或选项)后跟它们的标签,都在同一行。我是如何做到的,这样它就不会在radio后断线,而是在标签后如果需要断线。FirstradioSecondradioThirdradio我可以考虑用nowrap将input和label包装在一个span中,但想知道是否有另一种方式。 最佳答案 这应该可以解决问题:#MyDiv{width:250px;}FirstradioSecondradioThirdradio标签将确保按钮和标签之间不会发生中断。CSS方式也是可以的,用另一个包裹起来并使用white-space:n

html - 跨度上的空白 nowrap

在这种情况下:SomeText我想在必要时在我的文本上换行,但我不希望我的跨度换行,我希望它始终坚持文本的一部分。我该怎么做?谢谢, 最佳答案 我如何通过将一个跨度放入另一个跨度来解决我的问题:IamShowingyouwhatImeantBlahBlah检查JSFiddle. 关于html-跨度上的空白nowrap,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/27013259

html - 表格元素左右边框重叠

我想将表格第一行中的每个元素设置为具有某种颜色的左边框和某种颜色的右边框。不幸的是,看起来相邻表格单元格的边框重叠,我只显示左边框颜色。左侧边框应该是浅灰色,右侧应该是深灰色。这是我生成表格的HTML。(HTML在cherrypy中生成)%sTrackArtistTimeAlbum这是我的CSS:table{font-family:verdana,arial,sans-serif;font-size:11px;margin-left:auto;margin-right:auto;border-width:1px;border-collapse:collapse;}td{padding:

html - 第一个列表项 (<li>) 在 google chrome 中向右浮动

我在使用谷歌浏览器时遇到问题。问题是第一个列表项的元素符号向右浮动,而所有其他列表项的元素符号在左侧正确对齐。这是我的代码:TheInterfaceToolboxContextMenusToolOptionsBarMenuBarPaletteWellRulersGuidesandgridNavigatinginPhotoshopShortcutsFileBrowser这是它在chrome中的样子:http://www.flickr.com/photos/41695354@N08/4807767137/这是实际的link. 最佳答案